<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>变量</title>
</head>

<body>
    <script>
        //在函数外部声明的变量，是全局变量
        //全局变量指的是window对象的属性
        var num = 10;
        console.log(num);//10
        console.log(window.num);  //10
        var x = 1;//定义一个全局变量，就是给window对象添加一个属性
        console.log(x);  //1

        function add() {
            //函数中存在与全局变量同名的变量时，优先使用局部变量（就近原则）
            var x = 11;
            var y = 10;//局部变量
            console.log('y=' + y);  //y=10
            console.log('x=' + x);  //x=11

            num++;
            //函数中，未使用var声明变量，直接使用时，此变量是全局变量
            age = 100;
        }
        add();
        // console.log('y='+y);//超出有效范围
        console.log(num);//11
        console.log(age);//100


        f1();
        function f1() {
            var a = b = c = 9;
            console.log(a);
            console.log(b);
            console.log(c);
        }
        console.log(c);
        console.log(b);
        console.log(a);
    </script>
</body>

</html>